.lotter-last {
	height: 180rpx;
	border-bottom: 1px solid #e8e9ec;
	display: flex;
	flex-direction: row;
	.lotter-last-left {
		flex: 300;
		display: flex;
		flex-direction: column;
		border-right: 1px solid #e8e9ec;
		text-align: center;
		justify-content: center;
		height: 100%;
		.lotter-last-l-date {
			color: #858585;
			font-size: 24rpx;
		}
		.lotter-last-l-num {
			font-size: 34rpx;
			height: 60rpx;
			display: flex;
			flex-direction: row;
			justify-content: center;
			align-items: center;
		}
		.lotter-last-l-sum {
			font-size: 24rpx;
			color: #858585;
			.l-sum {
				margin-right: 8rpx;
				font-size: 24rpx;
				border: 1px solid #858585;
				width: 40rpx;
				height: 40rpx;
				border-radius: 4rpx;
				padding: 4rpx 4rpx;
			}
		}
	}
	.lotter-last-right {
		flex: 75;
		display: flex;
		flex-direction: column;
		text-align: center;
		font-size: 24rpx;
		color: #858585;
		justify-content: center;
		.red {
			color: $wlh-color-defealt;
		}
		.time {
			color: $wlh-red-color-defealt;
			font-size: 28rpx;
			font-weight: bold;
		}
	}
}
.lotter-20 {
	//height: 250rpx;
}
.lotter-tab {
	height: 80rpx;
	background: #efefef;
	border-bottom: 1px solid #e8e9ec;
	display: flex;
	flex-direction: row;
	text-align: center;
	font-size: 28rpx;
	align-items: center;
	color: $wlh-color-defealt;
	.lotter-tab-one {
		flex: 150;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.lotter-tab-voice {
		flex: 70;
	}
}
.lotter-content {
	display: flex;
	flex-direction: row;
	.lotter-c-left {
		flex: 3;
		background: #efefef;
		overflow: auto;
		border-right: 1px solid #e8e9ec;
		.lotter-c-l-item {
			height: 60rpx;
			line-height: 60rpx;
			padding: 20rpx 0px;
			font-size: 30rpx;
			text-align: center;
			border-bottom: 1px solid #e8e9ec;
			.l-item-text {
				display: block;
				border-left: 8rpx solid #efefef;
			}
			&.active {
				background: #fff;
				.l-item-text {
					border-left: 8rpx solid $wlh-color-defealt;
				}
			}
		}
	}
	.lotter-c-right {
		flex: 9;
		overflow: auto;
		.lotter-tablebar-rate {
			border-left: 1px solid #e8e9ec;
			display: flex;
			flex-direction: row;
			justify-content: center;
			font-size: 28rpx;
			background: #efefef;
			height: 60rpx;
			align-items: center;
			.lotter-tablebar-rate-name {
				flex: 200;
				text-align: center;
			}
			.lotter-tablebar-rate-num {
				flex: 80;
			}
		}
		.lotter-tablebar {
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
			.lotter-tablebar-item {
				width: 33%;
				text-align: center;
				height: 68rpx;
				line-height: 68rpx;
				margin-top: 2px;
				margin-bottom: 2px;
				.lotter-t-i-text {
					margin-left: 4rpx;
					background: #efefef;
					font-size: 28rpx;
					display: block;
				}
				&.active {
					.lotter-t-i-text {
						border: 1px solid $wlh-lotterdetail-fast;
						background: none;
					}
				}
			}
		}
		.lotter-tablebar-line {
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
			.lotter-tablebar-item {
				width: 50%;
				height: 100rpx;
				text-align: center;
				line-height: 100rpx;
				border-bottom: 1px solid #e8e9ec;
				.lotter-t-i-text {
					border-right: 1px solid #e8e9ec;
					display: block;
					font-size: 28rpx;
					.color-style {
						color: $wlh-lotterdetail-rate;
						font-size: 30rpx;
					}
				}
				&.active .lotter-t-i-text {
					border: 1px solid $wlh-lotterdetail-select-special-bordercolor;
				}
				&:first-child,
				&:nth-child(2) {
					border-top: 1px solid #e8e9ec;
				}
			}
		}
		.lotter-c-r-fold {
			.lotter-c-r-fold-title {
				font-weight: 900;
				color: $wlh-lotterdetail-lotname;
				height: 100rpx;
				line-height: 100rpx;
				text-align: center;
				font-size: 34rpx;
				border-bottom: 1px solid #e8e9ec;
				width: 100%;
				display: block;
				.iconfont {
					font-size: 32rpx;
					padding-left: 10rpx;
				}
			}
			.lotter-c-r-fold-collection {
				display: flex;
				flex-direction: row;
				flex-wrap: wrap;
				flex: 1;
				.lotter-c-r-fold-c-item {
					width: 50%;
					border-bottom: 1px solid #e8e9ec;
					.l-c-r-f-i-name {
						font-size: 34rpx;
						.ssc-img-img{
							width: 60rpx;
							height: 60rpx;
						}
						&.showname-lot-num {
							width: 44rpx;
							height: 44rpx;
							color: #fff !important;
							line-height: 44rpx;
							border-radius: 4rpx;
							font-family: 'impact';
							text-stroke: 1px #333;
							-webkit-text-stroke: 1px #333;
							text-align: center;
						}
						&.showname-sjs-num {
							color: #fff !important;
							display: inline-block;
							width: 60rpx;
							height: 60rpx;
							line-height: 60rpx;
							text-align: center;
						}
					}
					.l-c-r-f-i-rate {
						padding-left: 10rpx;
						color: $wlh-lotterdetail-rate;
						font-size: 24rpx;
					}
					&:nth-child(odd) .lotter-c-r-fold-c-item-c {
						border-right: 1px solid #e8e9ec;
					}
					&.lotter-c-r-fold-c-item-tsgy {
						border: none;
						margin-top: 8rpx;
						.lotter-c-r-fold-c-item-c {
							border: 1px solid #e8e9ec;
							margin-left: 8rpx;
							border-radius: 8rpx;
						}
					}
					&.active .lotter-c-r-fold-c-item-c {
						border: 1px solid $wlh-color-defealt;
					}
				}
				.lotter-c-r-fold-c-item-c {
					justify-content: center;
					display: flex;
					flex-direction: row;
					align-items: center;
					height: 100rpx;
					&.select {
						background: $wlh-color-defealt;
					}
					&.showname-lot-num {
						.l-c-r-f-i-name {
							width: 44rpx;
							height: 44rpx;
							color: #fff !important;
							line-height: 44rpx;
							border-radius: 4rpx;
							font-family: 'impact';
							text-stroke: 1px #333;
							-webkit-text-stroke: 1px #333;
							text-align: center;
						}
					}
					&.showname-sjs-num {
						.l-c-r-f-i-name {
							font-size: 34rpx;
							color: #fff !important;
							width: 60rpx;
							height: 60rpx;
							line-height: 60rpx;
							text-align: center;
						}
					}
					.circlenum-num {
						background: #f5f5f5;
						width: 60rpx;
						line-height: 60rpx;
						display: inline-block;
						border-radius: 60rpx;
						box-shadow: 0 0 6rpx #333;
						text-align: center;
						font-size: 34rpx;
					}
					.circlenum-1,
					.circlenum-2,
					.circlenum-7,
					.circlenum-8,
					.circlenum-01,
					.circlenum-02,
					.circlenum-07,
					.circlenum-08,
					.circlenum-12,
					.circlenum-13,
					.circlenum-18,
					.circlenum-19,
					.circlenum-23,
					.circlenum-24,
					.circlenum-29,
					.circlenum-30,
					.circlenum-34,
					.circlenum-35,
					.circlenum-40,
					.circlenum-45,
					.circlenum-46 {
						color: #ff4040 !important;
					}
					.circlenum-3,
					.circlenum-4,
					.circlenum-9,
					.circlenum-03,
					.circlenum-04,
					.circlenum-09,
					.circlenum-10,
					.circlenum-14,
					.circlenum-15,
					.circlenum-20,
					.circlenum-25,
					.circlenum-26,
					.circlenum-31,
					.circlenum-36,
					.circlenum-37,
					.circlenum-41,
					.circlenum-42,
					.circlenum-47,
					.circlenum-48 {
						color: #0a92e0 !important;
					}
					.circlenum-5,
					.circlenum-6,
					.circlenum-05,
					.circlenum-06,
					.circlenum-11,
					.circlenum-16,
					.circlenum-17,
					.circlenum-21,
					.circlenum-22,
					.circlenum-27,
					.circlenum-28,
					.circlenum-32,
					.circlenum-33,
					.circlenum-38,
					.circlenum-39,
					.circlenum-43,
					.circlenum-44,
					.circlenum-49 {
						color: #49ac08 !important;
					}
					.circlenum-one-01,
					.circlenum-one-04,
					.circlenum-one-07,
					.circlenum-one-1,
					.circlenum-one-4,
					.circlenum-one-7,
					.circlenum-one-10,
					.circlenum-one-13,
					.circlenum-one-16,
					.circlenum-one-19 {
						color: #ff4040 !important;
					}
					.circlenum-one-02,
					.circlenum-one-05,
					.circlenum-one-08,
					.circlenum-one-2,
					.circlenum-one-5,
					.circlenum-one-8,
					.circlenum-one-11,
					.circlenum-one-14,
					.circlenum-one-17,
					.circlenum-one-20 {
						color: #0a92e0 !important;
					}
					.circlenum-one-03,
					.circlenum-one-06,
					.circlenum-one-09,
					.circlenum-one-3,
					.circlenum-one-6,
					.circlenum-one-9,
					.circlenum-one-12,
					.circlenum-one-15,
					.circlenum-one-18,
					.circlenum-one-21 {
						color: #49ac08 !important;
					}
					.circlenum-num-one {
						width: 60rpx;
						line-height: 60rpx;
						display: inline-block;
						border-radius: 60rpx;
						color: #fff !important;
						text-align: center;
					}
					.circlenum-two-01,
					.circlenum-two-02,
					.circlenum-two-03,
					.circlenum-two-04,
					.circlenum-two-05,
					.circlenum-two-06,
					.circlenum-two-07,
					.circlenum-two-08,
					.circlenum-two-09,
					.circlenum-two-1,
					.circlenum-two-2,
					.circlenum-two-3,
					.circlenum-two-4,
					.circlenum-two-5,
					.circlenum-two-6,
					.circlenum-two-7,
					.circlenum-two-8,
					.circlenum-two-9,
					.circlenum-two-10,
					.circlenum-two-11,
					.circlenum-two-12,
					.circlenum-two-13,
					.circlenum-two-14,
					.circlenum-two-15,
					.circlenum-two-16,
					.circlenum-two-17,
					.circlenum-two-18 {
						background: #0a92e0 !important;
					}
					.circlenum-two-19,
					.circlenum-two-20 {
						background: #ff4040 !important;
					}
					.showname-ssc-num {
						width: 60rpx;
						height: 60rpx;
					}
				}
				.lotter-c-r-fold-c-item-hx {
					//wordnum类别
					margin: 16rpx 16rpx 0rpx;
					border: 1px solid #e8e9ec;
					display: flex;
					justify-content: center;
					align-items: center;
					width: 100%;
					position: relative;
					min-height: 80rpx;
					&.select {
						background: $wlh-color-defealt;
					}
					.lotter-c-r-fold-c-item-c-left {
						flex: 100;
						text-align: center;
						position: relative;
						border-right: 1px solid #e8e9ec;
						height: 100%;
						display: flex;
						flex-direction: row;
						align-items: center;
						justify-content: center;
						.show-name {
							color: $wlh-color-defealt;
							font-size: 34rpx !important;
						}
						.show-rate {
							padding-left: 10rpx;
							color: #858585;
							font-size: 16rpx;
						}
						.show-name-dec {
							background: #fff;
							position: absolute;
							right: -12rpx;
							color: #e8e9ec;
						}
					}
					.lotter-c-r-fold-c-item-c-right {
						flex: 180;
						position: relative;
						padding-left: 16rpx;
						.other-num-arr {
							width: 40rpx;
							height: 40rpx;
							display: inline-block;
							font-size: 16rpx;
							line-height: 40rpx;
							margin-right: 4rpx;
							margin-bottom: 4rpx;
							text-align: center;
						}
						.other-num-err {
							height: 40rpx;
							display: inline-block;
							font-size: 16rpx;
							line-height: 40rpx;
							margin-right: 4rpx;
							margin-bottom: 4rpx;
							text-align: center;
						}
						.rate-lhc-qlc-lot-1,
						.rate-lhc-qlc-lot-2,
						.rate-lhc-qlc-lot-7,
						.rate-lhc-qlc-lot-8,
						.rate-lhc-qlc-lot-01,
						.rate-lhc-qlc-lot-02,
						.rate-lhc-qlc-lot-07,
						.rate-lhc-qlc-lot-08,
						.rate-lhc-qlc-lot-12,
						.rate-lhc-qlc-lot-13,
						.rate-lhc-qlc-lot-18,
						.rate-lhc-qlc-lot-19,
						.rate-lhc-qlc-lot-23,
						.rate-lhc-qlc-lot-24,
						.rate-lhc-qlc-lot-29,
						.rate-lhc-qlc-lot-30,
						.rate-lhc-qlc-lot-34,
						.rate-lhc-qlc-lot-35,
						.rate-lhc-qlc-lot-40,
						.rate-lhc-qlc-lot-45,
						.rate-lhc-qlc-lot-46 {
							color: #ff4040 !important;
							background: #fff;
							border-radius: 40rpx;
							box-shadow: 0px 0px 6rpx #333333;
						}
						.rate-lhc-qlc-lot-3,
						.rate-lhc-qlc-lot-4,
						.rate-lhc-qlc-lot-9,
						.rate-lhc-qlc-lot-03,
						.rate-lhc-qlc-lot-04,
						.rate-lhc-qlc-lot-09,
						.rate-lhc-qlc-lot-10,
						.rate-lhc-qlc-lot-14,
						.rate-lhc-qlc-lot-15,
						.rate-lhc-qlc-lot-20,
						.rate-lhc-qlc-lot-25,
						.rate-lhc-qlc-lot-26,
						.rate-lhc-qlc-lot-31,
						.rate-lhc-qlc-lot-36,
						.rate-lhc-qlc-lot-37,
						.rate-lhc-qlc-lot-41,
						.rate-lhc-qlc-lot-42,
						.rate-lhc-qlc-lot-47,
						.rate-lhc-qlc-lot-48 {
							color: #0a92e0 !important;
							background: #fff;
							border-radius: 40rpx;
							box-shadow: 0px 0px 6rpx #333333;
						}
						.rate-lhc-qlc-lot-5,
						.rate-lhc-qlc-lot-6,
						.rate-lhc-qlc-lot-05,
						.rate-lhc-qlc-lot-06,
						.rate-lhc-qlc-lot-11,
						.rate-lhc-qlc-lot-16,
						.rate-lhc-qlc-lot-17,
						.rate-lhc-qlc-lot-21,
						.rate-lhc-qlc-lot-22,
						.rate-lhc-qlc-lot-27,
						.rate-lhc-qlc-lot-28,
						.rate-lhc-qlc-lot-32,
						.rate-lhc-qlc-lot-33,
						.rate-lhc-qlc-lot-38,
						.rate-lhc-qlc-lot-39,
						.rate-lhc-qlc-lot-43,
						.rate-lhc-qlc-lot-44,
						.rate-lhc-qlc-lot-49 {
							color: #49ac08 !important;
							background: #fff;
							border-radius: 40rpx;
							box-shadow: 0px 0px 6rpx #333333;
						}
					}
				}
			}
		}
	}
}
.bet-contain {
	//投注的底部弹出层
	height: 160rpx;
	contain: none !important;
	overflow: visible;
	position: fixed;
	z-index: 0;
	box-shadow: 0 -2rpx 8rpx #b1b1b1;
	background: #fff;
	width: 100%;
	bottom: 0rpx;
	display: flex;
	flex-direction: column;
	.bet-c-msg {
		height: 20rpx;
		position: absolute;
		width: 100%;
		text-align: center;
		top: -24rpx;
		display: flex;
		justify-content: center;
		.bet-c-msg-span {
			background: #a6a6a6;
			height: 40rpx;
			line-height: 40rpx;
			font-size: 16rpx;
			color: #fff;
			border-radius: 40rpx;
			padding: 0rpx 8rpx;
		}
	}
	.bet-c-money {
		height: 80rpx;
		display: flex;
		flex-direction: row;
		align-items: flex-end;
		.bet-c-money-span {
			display: inline-block;
			width: 120rpx;
			text-align: center;
			border: 1px solid #ef4c4c;
			margin-right: 8rpx;
			font-size: 24rpx;
			height: 60rpx;
			border-radius: 60rpx;
			color: #ef4c4c;
			line-height: 60rpx;
			&:last-child {
				border: none;
				color: #d92323;
			}
		}
	}
	.bet-c-operate {
		height: 80rpx;
		display: flex;
		flex-direction: row;
		align-items: center;
		.bet-c-o-input {
			flex: 150;
			.bet-c-o-input-i {
				border: 1px solid #666;
				border-radius: 60rpx;
				height: 60rpx;
				padding: 0 12rpx;
				color: #333;
				font-size: 28rpx;
			}
		}
		.bet-c-o-ch {
			flex: 90;
			font-size: 28rpx;
			display: flex;
			flex-direction: row;
			align-items: center;
			height: 100%;
			padding-left: 10rpx;
		}
		.bet-c-o-cancel {
			flex: 40;
			font-size: 28rpx;
			color: #2f5eac;
			height: 80rpx;
			line-height: 80rpx;
			text-align: center;
		}
		.bet-c-o-submit {
			flex: 70;
			font-size: 28rpx;
			color: #fff;
			display: inline-block;
			height: 60rpx;
			line-height: 60rpx;
			border-radius: 60rpx;
			text-align: center;
			background: linear-gradient(to right, #ff7a7c, #f73e88);
		}
	}
}
.mark-contain,
.mark-menu-contain {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 10000;
	background: rgba(0, 0, 0, 0.5);
	width: 100%;
	height: 100%;
	.mark-contain-c {
		height: 820rpx;
		width: 580rpx;
		background: #fff;
		border-radius: 20rpx;
		position: absolute;
		left: 50%;
		margin-left: -290rpx;
		top: 50%;
		margin-top: -410rpx;
		&.pre-set-money {
			display: none;
		}
		&.bet-res {
		}
		.m-contain-div-header {
			height: 80rpx;
			display: flex;
			justify-content: center;
			align-items: center;
			position: absolute;
			top: 0;
			width: 100%;
			border-bottom: 1px solid #e8e9ec;
			font-size: 34rpx;
			color: #fff;
			background: linear-gradient(to right, #ff7a7c, #f73e88);
			border-top-left-radius: 20rpx;
			border-top-right-radius: 20rpx;
			position: relative;
			.close {
				position: absolute;
				right: -20rpx;
				top: -20rpx;
				font-size: 60rpx;
			}
			.header-tit {
				position: absolute;
				left: 8rpx;
				top: 24rpx;
				font-size: 24rpx;
			}
		}
		.m-contain-div-content {
			height: 560rpx;
			overflow-x: hidden;
			overflow-y: auto;
			padding: 0rpx 20rpx;
			.input-v {
				height: 110rpx;
				border-bottom: 1px solid #e8e9ec;
				padding: 0 130rpx;
				display: flex;
				align-items: center;
				.input-money {
					height: 72rpx;
					border-radius: 72rpx;
					border: 2px solid #e8e9ec;
					padding-left: 20rpx;
					width: 240rpx;
					text-align: center;
					color: gray;
				}
			}
			.bet-list-header {
				height: 60rpx;
				color: #858585;
				position: fixed;
				width: 540rpx;
				font-size: 28rpx;
				border-bottom: 1px solid #5f5f5f;
				background: #fff;
			}
			.bet-list {
				font-size: 24rpx;
				border-bottom: 1px solid #f6f6f6;
				padding: 8rpx 0rpx;
			}
			.bet-list-header,
			.bet-list {
				display: flex;
				flex-direction: row;
				align-items: center;
			}
		}
		.m-contain-div-footer {
			height: 180rpx;
			position: absolute;
			bottom: 0;
			width: 100%;
			font-size: 34rpx;
			display: flex;
			flex-direction: column;
			justify-content: center;
			.m-contain-div-f-radio {
				flex: 40;
				display: flex;
				flex-direction: row;
				align-items: center;
				.radio {
					flex: 1;
					text-align: center;
				}
				.m-contain-div-f-sum {
					margin: 0 20rpx;
					padding: 0;
					border-bottom: 1px solid #5f5f5f;
					border-top: 1px solid #5f5f5f;
					height: 60rpx;
					line-height: 60rpx;
					font-weight: 800;
					width: 100%;
					font-size: 28rpx;
					display: flex;
					flex-direction: row;
					color: #000;
				}
			}
			.m-contain-div-f-submit {
				flex: 50;
				.m-contain-div-f-s-btn {
					height: 80rpx;
					width: 90%;
					background: linear-gradient(to right, #ff7a7c, #f73e88);
					border-radius: 80rpx;
					display: block;
					margin: 0 auto;
					line-height: 80rpx;
					text-align: center;
					color: #fff;
					font-size: 32rpx;
				}
			}
		}
	}
}
